:root {
    --vp-c-brand: var(--dh-color-primary);
    --vp-c-brand-light: var(--dh-color-primary-light-3);
    --vp-c-brand-lighter: var(--dh-color-primary-light-5);
    --vp-c-brand-dark: var(--dh-color-primary-dark-2);
    --vp-c-brand-darker: #265F99;
  
    --component-preview-bg: var(--vp-code-block-bg);
    --component-preview-soft: var(--vp-code-block-bg-light);
  }
  
  body {
    color: var(--vp-c-text-1);
  }
  h1, h2, h3, h4, h5, h6, p {
    color: var(--vp-c-text-1);
  }
  